<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 1.引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 2.引入常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 3.引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <!-- 5.引入当前页样式 -->
    <link rel="stylesheet" href="../css/unicorn-index.css" />
</head>

<body>
    <header class="flex-c-sb b-box">
        <a href="#">
            <h1></h1>
        </a>
        <!-- 导航列表 -->
        <ul class="flex-c-c">
            <li>
                <a href="../html/index.html">首页</a>
            </li>
            <li>
                <a href="../html/api-index.html">API</a>
            </li>
            <li>
                <a href="#">云服务</a>
            </li>
            <li class="active">
                <a href="../html/unicorn-index.html">案例</a>
            </li>
            <li>
                <a href="#">开发者</a>
            </li>
        </ul>
        <!-- 按钮 -->
        <div class="fc-white">
            <a href="../html/change.html">登录</a>
            <a href="../html/loginzc.html">注册有礼</a>
        </div>

    </header>
    <main>
        <!-- banner图区 -->
        <section id="banner" class="rel">
            <div class="bannerBg" class="abs"></div>
            <div class="container bannerInde ">
                <div class="bannerCont abs">
                    <h1>助力行业巨头，独角兽企业</h1>
                    <p>已服务10万+企业客户</p>
                    <a href="#">-精选案例-</a>
                </div>
            </div>
        </section>
        <!-- 主体页面区 -->
        <section id="introduce" class="container flex-c-sb">
            <!-- 左边 -->
            <div class="introduceLeft" id="a">
                <div class="financeYh">
                </div>

                <!-- 更多伙伴 -->
                <div class="partner">

                    <div class="finance">
                        <p id="b">更多伙伴
                            <span>/More Partners</span>
                        </p>
                    </div>
                    <ul class="partnerList flex-c-sb">
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                        <li>
                            <img src="../imgs/more-partners-item01.svg" alt="图片已损坏">
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 右边 -->
            <div class="introduceRight">
                <ul>
                    <li>
                        <a href="#">金融案例</a>
                    </li>
                    <li>
                        <a href="#">企业案例</a>
                    </li>
                    <li>
                        <a href="#">政务案例</a>
                    </li>
                    <li>
                        <a href="#">更多伙伴</a>
                    </li>
                </ul>
            </div>
        </section>





        <!-- 尾部 -->
        <footer>
            <div id="BOX">
                <img src="../imgs/top.png" alt="图片已损坏">
            </div>
            <!-- 尾部上面部分 -->
            <div class="container bigBox flex-c-sb">
                <!-- 联系与支持 -->
                <div class="listToo flex-c-sb">
                    <ul class="list">
                        <li class="on">
                            联系与支持
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                    </ul>
                    <ul class="list">
                        <li class="on">
                            联系与支持
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                    </ul>
                    <ul class="list">
                        <li class="on">
                            联系与支持
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                    </ul>
                    <ul class="list">
                        <li class="on">
                            联系与支持
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                    </ul>
                    <ul class="list">
                        <li class="on">
                            联系与支持
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                        <li>
                            400.882.7715
                        </li>
                    </ul>
                </div>
                <!-- 微信公众 -->
                <div class="wx">
                    <ul class="list">
                        <li class="on">
                            微信公众号
                        </li>
                        <li class="fz-12">源码时代</li>
                        <li>
                            <img src="../imgs/wechat-white.png" alt="图片已损坏">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="flex-c-sb container footBottom">
                <div class="imgTwo">
                    <img src="../imgs/bei2.png" alt="">
                    <img src="../imgs/bei1.png" alt="">
                    <span class=" fz-12">
                        增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
                    </span>
                </div>
                <p class=" fz-12">源码大数据股份有限公司©版权所有</p>
            </div>

        </footer>
        <script src="../js/util.js"></script>
        <script src="../lib/canvas-particle.js"></script>
        <script src="../js/unicorn-index.js"></script>
</body>

</html>